<div>
    <div class="row">
        <div class="col-md-3" style="padding-right:0px">
            <vc:create path="frame/orgTree" callBackListener="org"></vc:create>
        </div>
        <div class="col-md-9 margin-top-xs">

            <div class="ibox ">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="查询条件" namespace="room"></vc:i18n>
                    </h5>
                    <div class="ibox-tools" style="top:10px;">
                        <!-- <button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
                                v-on:click="_moreCondition()">{{orgManageInfo.moreCondition == true?'隐藏':'更多'}}
                                </button> -->
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请填写员工名称','org')"
                                    v-model.trim="orgManageInfo.conditions.staffName"
                                    class="form-control form-control-sm">
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <button type="button" class="btn btn-primary btn-sm" v-on:click="_queryOrgMethod()">
                                <vc:i18n name="查询" namespace="room"></vc:i18n>
                            </button>
                            <button type="button" class="btn btn-primary btn-sm" v-on:click="_resetOrgMethod()">
                                <vc:i18n name="重置" namespace="room"></vc:i18n>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="ibox ">
                <div class="ibox-title">
                    <h5>
                        <span v-if="orgManageInfo.orgName">{{orgManageInfo.orgName}}
                            <vc:i18n name="员工" namespace="staff"></vc:i18n>
                        </span>
                        <span v-else>
                            <vc:i18n name="关联员工" namespace="staff"></vc:i18n>
                        </span>
                    </h5>
                    <div class="ibox-tools" style="top:10px;">
                        <button type="button" class="btn btn-primary btn-sm"
                            v-on:click="vc.showMarkdown('/pages/frame/orgManage')">
                            <i class="fa fa-file"></i>
                            <span>
                                <vc:i18n name="文档"></vc:i18n>
                            </span>
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" v-on:click="_openOrgRelStaff()"
                            v-if="vc.hasPrivilege('502022082917040004') || vc.hasPrivilege('502022092211010004')">
                            <vc:i18n name="关联员工" namespace="staff"></vc:i18n>
                        </button>
                    </div>
                </div>
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                            <tr>
                                <th class="text-center">
                                    <vc:i18n name="名称" namespace="staff"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="手机号" namespace="staff"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="岗位" namespace="staff"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="邮箱" namespace="staff"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="地址" namespace="staff"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="性别" namespace="staff"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="操作" namespace="staff"></vc:i18n>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="gradeX" v-for="staff in orgManageInfo.staffs">
                                <td class="text-center">{{staff.name}}</td>
                                <td class="text-center">{{staff.tel}}</td>
                                <td class="text-center">{{staff.relCdName}}</td>
                                <td class="text-center">{{staff.email}}</td>
                                <td class="text-center">{{staff.address}}</td>
                                <td class="text-center">{{staff.sex == 0 ? '男' : '女'}}</td>
                                <td class="text-center">
                                    <div class="btn-group">
                                        <button class="btn-white btn btn-xs"
                                            v-if="vc.hasPrivilege('502022082955220005') || vc.hasPrivilege('502022092283880005')"
                                            v-on:click="_openDeleteOrgRelStaff(staff)">
                                            <vc:i18n name="删除" namespace="staff"></vc:i18n>
                                        </button>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn-white btn btn-xs" v-on:click="_toStaffDetail(staff)">
                                            <vc:i18n name="详情" namespace="staff"></vc:i18n>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- 分页 -->
                    <div class="row margin-top-xs">
                        <div class="col-sm-7"></div>
                        <div class="col-sm-5 float-right">
                            <vc:create path="frame/pagination"></vc:create>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <vc:create path="frame/orgRelStaff"></vc:create>
        <vc:create path="frame/deleteOrgRelStaff"></vc:create>
    </div>
</div>